/* Base CSS */
body {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    line-height: 20px;
}

#header {
    height: 100px;
    background: url(../images/section1-bg.gif) 0 0 repeat-x #00273a;
    position:relative;
}

#logo {
    position:absolute;
    top:13px;
    left:20px;
}

#loginTop {
    position:absolute;
    top:36px;
    right:20px;
    color:#fff;
}

#loginTop .box_login {
    background: #00090c;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.26);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.26);
    color: #f6fafd;
    text-decoration: none;
    padding: 7px 18px 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    margin-left:10px;
}

#loginTop .box_login:hover {
    background:#00b2d7;
}

#loginTop .box_login a {
    color:#f6fafd;
}

#loginTop .box_language {
    border:none;
    background:none !important;
    box-shadow:none;
    padding:7px 7px 8px;
}

#loginTop .box_language a img {
    opacity:0.5;
    -moz-opacity: 0.5; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    padding:0 2px;
}

#loginTop .box_language a:hover img, #loginTop .box_language a img.language_active {
    opacity:1;
    -moz-opacity: 1; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#slide {
    width: 100%;
    background: url(../images/section3-splash.jpg) 50% 0 no-repeat;
}

#slide-wrapper {
    width: 100%;
    height: 379px;
    background: url(../images/section3-shadow.png) 0 0 repeat-x;
}

#slide .slide-image {
    float: right;
    padding: 25px 100px 0 0;
}

#slide .slide-text {
    width: 425px;
    overflow: hidden;
    padding: 45px 0 5px 50px;
    text-align:center;
}

#slide .slide-text .slide-title {
    font-size: 34px;
    line-height: 40px;
    color: #fff;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: url(../images/spacer-1.gif) 0 100% repeat-x;
}

#slide .slide-text .slide-desc {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
}

#slide .more-link {
    margin-top:18px;
    display:block;
}

.more-link a {
    display:inline-block; 
    font-size:12px; 
    line-height:15px;
    font-weight:700; 
    color:#fff !important;
    padding:9px 14px;
    border:none;
    cursor:pointer;
    text-transform:uppercase;
    text-decoration:none;
    margin:0 2px 2px 0;
    position:relative;
    background:#001d26;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -webkit-background-clip:padding-box;
    box-shadow:1px 1px 2px 0 rgba(0,0,0,0.26);
    -moz-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.26);
    -webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.26);
}

.more-link a:hover {
    background:#00b2d7;
}

#update_box {
    width: 100%;
    height: 69px;
    border-top: 1px solid #3461a2;
    border-bottom: 1px solid #c1d2e6;
    background: url(../images/section4-bg.png) 0 0 repeat-x #d6e3e7;
}

.upbox_title {
    float: left;
    color: #0190bb;
    font-size: 18px;
    line-height: 69px;
    height: 69px;
    font-weight: 700;
    letter-spacing: -1px;
    text-shadow: 0 1px 0 #fff;
    font-family: 'Droid Sans', sans-serif;
    padding-right: 22px;
    margin-right: 20px;
    background: url(../images/spacer-2.png) 100% 0 repeat-y;
}

.upbox_content {
    float: left;
    font-size: 14px;
    line-height: 18px;
    color: #4f4f4f;
    margin: 26px 17px 0 0;
    word-spacing: -1px;
    font-family: 'Droid Sans', sans-serif;
}

#main-content {
    width:100%;
    padding-top:30px;
    padding-bottom:0px;
    background: url(../images/content-tail.gif) 0 0 repeat-x #f6fafd;
}

.default #main-content {
    padding-bottom:0px;
}

.sfGuardRegister #main-content, .sfGuardForgotPassword #main-content, .sfGuardAuth #main-content {
    background:none;
    padding-top:0;
}

.box-feature {
    float: left;
    width: 300px;
    min-height: 188px;
    padding: 22px 0 10px;
    background: url(../images/services-bg.png) 0 0 no-repeat #036ba5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    margin-bottom:20px;
    cursor:pointer;
    
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.box-feature:hover {
    box-shadow: 0px 0px 5px 1px rgba(2,130,93,0.9);
    -moz-box-shadow: 0px 0px 5px 1px rgba(2,130,93,0.9);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(2,130,93,0.9);
}

.box-feature.box-center {
    margin: 0 20px 20px 20px;
}

.box-feature .box-feature-title {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-weight: 700;
    padding: 0 0 15px 20px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 #000;
    background: url(../images/spacer-1.png) 0 100% repeat-x;
}

.box-feature .box-feature-title-content {
    display: inline-block;
    padding-left: 40px;
}

.feature-cloud .box-feature-title-content {
    background: url(../images/pict-1.png) 0 0 no-repeat;
}

.feature-cloud-2 .box-feature-title-content {
    background: url(../images/pict-2.png) 0 0 no-repeat;
}

.feature-cloud-3 .box-feature-title-content {
    background: url(../images/pict-3.png) 0 0 no-repeat;
}

.box-feature .box-feature-content {
    color: #fff;
    padding: 0 40px 0 24px;
}

#social-box {
    width: 100%;
    padding: 0px 0 0px;
    background: url(../images/content-bottom-bg.jpg) 50% 0 no-repeat;
}

#social-box .container {
    padding: 21px 0 20px;
}

#social-box .follow-link {
    float: left;
    color: #f6fafd;
    letter-spacing: 0px;
    text-decoration: none;
    margin-left: 58px;
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding-left: 28px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

#social-box .follow-link:hover {
    color:#000;
}

#social-box .follow-link:first-child {
    margin-left:0;
}

#social-box .link-twitter {
    background-image: url(../images/icons/icon-twitter.png);
    width: 65px;
}

#social-box .link-facebook {
    background-image: url(../images/icons/icon-facebook.png);
    width: 65px;
}

#social-box .link-lastfm {
    background-image: url(../images/icons/icon-lastfm.png);
    width: 75px;
}

#social-box .link-flickr {
    background-image: url(../images/icons/icon-flickr.png);
    width: 70px;
}

#social-box .link-linkedin {
    background-image: url(../images/icons/icon-linkedin.png);
    width: 95px;    
}

#social-box .link-delicious {
    background-image: url(../images/icons/icon-delicious.png);
    width: 95px;
}

#copyright {
    width: 100%;
    position: relative;
    border-top: 1px solid #035a8c;
    background: url(../images/content-bottom-tail.jpg) 0 -361px repeat-x #03649E;
}

.copyright-wrapper {
    width: 100%;
    background: url(../images/content-bottom-bg.jpg) 50% -361px no-repeat;
}

#copyright .container {
    padding:15px 0 20px;
    text-align:center;
    color:#fff;
}

#copyright .container a, #copyright .container span {
    color:#79e7ff;
}

#copyright .container a:hover {
    color:#fff;
}

/* Content CSS */

/* User Content */
h1.h1_signin {
    text-align:center;
    font-family:"Droid Sans", Arial, Helvetica, sans-serif;
    letter-spacing:-1px;
    color:#0190bb;
    margin:20px 0;
}

.loginWrapper {
    position:relative;
    min-height:302px;
    margin-bottom:40px;
}

.loginWrapper p, .loginWrapper h3 {
    margin-bottom:25px;
    text-align:center;
}

.frm_signin {
    width:400px;
    margin:0 auto 20px;
    border:1px solid #c4c6ca;
    border-radius: 2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    background: #fefefe;
    position:relative;
}

.frm_signin:after,.frm_signin:before,.errorContainer:after,.errorContainer:before {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
    border: 1px solid #c4c6ca;
    content: "";
    display: block;
    height: 100%;
    left: -1px;
    position: absolute;
    width: 100%;
}
.frm_signin:after, .errorContainer:after {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    top: 0;
    z-index: -1;
}
.frm_signin:before, .errorContainer:before {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    top: 0;
    z-index: -2;
}


.frmWrapper table {
    margin: 10px 0;    
    width:100%;
}

.frmWrapper table td, .frmWrapper table th {
    padding:5px 10px;
}

.frmWrapper table tfoot td {
    text-align:center;
}

.frmWrapper table tfoot td.td-border-top {
    border-top:1px solid #c4c6ca;
    padding-top:15px;
}

.frmWrapper label {
    text-align:right;
}

.frmWrapper .tr-action {
    background:#f9f9f9;
}

.frmWrapper input[type=checkbox] {
    margin-top:-5px;
}

/* MyApp Content */

.myapp #header {
    height:60px;
}

.myapp #logo {
    left:5px;
    top:-5px;
}

.myapp #loginTop {
    top:20px;
}

.myapp #msg-top {
    position:absolute;
    top:20px;
    right:380px;
}

.myapp #msg-top a {
    color:#fff;
    text-decoration:none;
}

.myapp #msg-top a:hover {
    color:#EEE7A2;
}

.myapp #btn-act-top {
    position:absolute;
    top:23px;
    left:350px;
}

.myapp #btn-act-top a {
    margin-right:10px;
}

.myapp #btn-act-top a span:hover {
    color:#FF8A00;
}

.myapp .frmWrapper {
    background-color: #f9f9f9;
    border: 1px solid #D3DBE2;
}

.myapp .frmWrapper label.error, .myapp .frmWrapper label.valid {
    text-align:left;
    margin-bottom:0;
    padding:0px 4px;
}

.myapp .frmWrapper input.error {
    margin-bottom:5px;
}

.myapp .frmWrapper table {
    margin-bottom:0;
}

.myapp .frmWrapper table th {
    vertical-align:top;
    padding-top:10px;
}

.myapp .frmWrapper .tr-action {
    background: #EEF0F1;
}

.myapp .frmWrapper table tfoot td.td-border-top {
    padding: 15px 10px;
}

.myapp .user_profile_box {
    display:inline-block;
    margin-right:10px;
    position:relative;
}

.myapp .user_profile_box .avatar {
    padding-left:44px;
    position:relative;
}

.myapp .user_profile_box>a {
    float: none;
    line-height: 18px;
    font-size: 12px;
    color: #555;
    padding: 8px 10px;
    border: 1px solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    position: relative;
    -webkit-text-shadow: 0 1px 0 white;
    -moz-text-shadow: 0 1px 0 white;
    text-shadow: 0 1px 0 white;
    border-color: #CCC #CCC #AAA;
    background-color: #E0E0E0;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px white;
    box-shadow: inset 0 0 1px white;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
    background-image: -moz-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
    background-image: -ms-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
    background-image: -o-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#DCDCDC));
    background-image: -webkit-linear-gradient(top,#FAFAFA 0,#DCDCDC 100%);
    background-image: linear-gradient(to bottom,#FAFAFA 0,#DCDCDC 100%);
    text-decoration:none;
}

#btn-act-top .user_profile_box {

}

#btn-act-top .user_profile_box a {
    margin:0; padding:0;
}

#btn-act-top .user_profile_box>a {
    background:none !important;
    border:none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    outline:none;
}

.myapp .user_profile_box>a:hover {
    color: #3f3f3f;
    background: rgb(232,232,232);
    background: url();
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(249,249,249,1)));
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f9f9f9',GradientType=0 );
    text-decoration:none;
    border-color: rgb(170, 170, 170) rgb(170, 170, 170) rgb(153, 153, 153);
    -webkit-box-shadow:  0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 3px rgb(255, 255, 255) inset;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 3px rgb(255, 255, 255) inset;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 3px rgb(255, 255, 255) inset;
}

.myapp .user_profile_box .image {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 36px;
    height: 31px;
}

.myapp .user_profile_box .caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #666666;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    opacity: 1;
    filter: alpha(opacity=100);
    border-top-color: #666666;
    border-bottom-color: #666666;
    margin-top:8px;
    margin-left:2px;
}

.dropdown-menu {
    font-size: 12px;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 9999;
    display: none;
    float: left;
    min-width: 160px;
    padding: 4px;
    margin: 0;
    list-style: none;
    background: #efefef;
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    left: auto;
    right: 0;
}

#btn-act-top .user_profile_box>.dropdown-menu {
    left: 0;
    right:auto;
}

.myapp .user_profile_box>.dropdown-menu:before {
    content: "";
    position: absolute;
    top:-13px !important;
    background: url(/images/arrowup.png) no-repeat !important;
    width:15px !important;
    height:14px !important;
    border:none !important;
    z-index: 5;
    left: auto;
    right: 12px;
}

#btn-act-top .user_profile_box>.dropdown-menu:before {
    left: 10px;
    right:auto;
}

#btn-act-top .user_profile_box>.dropdown-menu img {
    height:20px;
    width:20px;
}

#btn-act-top .user_profile_box>.dropdown-menu a {
    line-height:20px;
    font-size:12px;
}

.myapp .open>.dropdown-menu {
    display: block;
}

.dropdown-menu a {
    display: inline-block;
    padding:5px 0 5px 5px;
    clear: both;
    font-weight: normal;
    line-height: 14px;
    color: #333;
    white-space:normal;
}
#header .dropdown .menu ul li a span {margin-right: 15px;}

#header .dropdown ul a:hover {
    color: rgb(63, 63, 63);
    background: none;
    text-decoration: underline;
    border: none;
    box-shadow: none;
}

.dropdown-menu .menu {
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: block;
    float: left;
    background: #fff;
    padding:0 10px;
    margin-bottom: 0;
    min-width: 150px;
}
.dropdown-menu .menu ul {list-style:none; margin: 0;}
.dropdown-menu .menu li {
    border-bottom: 1px solid #ebebeb;
    margin:0;
    padding-bottom: 8px;
    padding-top:10px;
    line-height:14px;
    width:100%;
}
.dropdown-menu .menu li:last-child{border-bottom: none;}
.dropdown-menu .icon {
    float: left;
    padding:6px 1px 6px 1px;
    border:1px solid #ebebeb;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #efefef;
    margin-right:10px;
    margin-bottom:10px;
    width:26px;
}
.dropdown-menu .menu .notif {min-width: 180px;}
.dropdown-menu .menu .notif li a {padding-bottom: 0; line-height: 14px;}
.dropdown-menu .menu .notif li {margin-bottom: 0; padding-top:3px; padding-bottom: 7px;}
.dropdown-menu .menu .notif li.header {padding-top:10px; padding-bottom: 8px;}
.dropdown-menu .notif .event {padding-top: 7px;padding-bottom: 5px;display: block; margin-right: 5px;}
.dropdown-menu .menu .notif li.view-all    {line-height: 28px; padding-top: 0 !important; padding-bottom: 3px !important;}
.dropdown-menu .menu ul li a .icon {margin-bottom: 0px;}
.dropdown-menu .icon.avatar {padding: 2px 1px 9px 2px;}
.dropdown-menu .name {float: left;width:168px;}    
.dropdown-menu .messages {min-width: 210px;}
.dropdown-menu .messages a {padding: 0;}    
.dropdown-menu .messages .time {
    font-size:8px; text-transform: uppercase;
    float:right;
    padding-top:0px;
    margin-top: -13px;
}
.dropdown-menu .msg {
    width:190px;
    clear: both;
    color:#6e6e6e;
}        
.dropdown-menu .view-all {width:100%; text-align:center; padding-bottom: 8px !important; padding-top: 8px !important;}
.dropdown-menu .header {font-size:13px;}

.myapp .actitem {
    width: 140px;
    height: 130px;
    background:#f5f5f5; border:1px solid; border-color:#e5e5e5 #dbdbdb #d2d2d2;
    background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee));
    background:-webkit-linear-gradient(top, #fafafa, #eeeeee);
    background:-moz-linear-gradient(top, #fafafa, #eeeeee);
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    text-decoration: none;
    color: #000000;
    font-size: 22px;
    cursor: pointer;
    position: relative;
    float:left;
    margin-right:45px;
    margin-left:5px;
    margin-top:10px;
    margin-bottom:10px;
}

.myapp .actitem:hover {
    background:#fafafa;
    color:#0190bb;
}

.actitem .actitem_img {
    height: 72px;
    text-align: center;
    margin-top: 20px;
}

.actitem .actitem_text {
    text-align: center;
    font-size: 14px;
}

.box {
    width:100%;
    min-height:100%;
    -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    margin-bottom: 25px;
}
.box.hover {
    -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.box:hover {
    -moz-box-shadow:0px 0px 3px rgba(2, 130, 193, 0.7);
    -webkit-box-shadow: 0px 0px 3px rgba(2, 130, 193, 0.7);
    box-shadow: 0px 0px 3px rgba(2, 130, 193, 0.7);
}
.box.plain.hover {box-shadow: none;}
    .box .title {
        height:auto;
        background: url(/images/patterns/2.png) repeat;
        position: relative;
        border:1px solid #c4c4c4;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
        box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    }
    .box.plain .title {
        border-top: none;
        border-left: none;
        border-right: none;
        background: none;
    }
    .box.gradient .title {
        background: rgb(255,255,255);
        background: url();
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
        background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    }
    .box .title.min {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }
        .box .title h4 {
            padding-left: 20px;
            margin-bottom: 0;
            padding-top: 15px;
            padding-bottom: 15px;
            margin-top: 0;
            color:#0190bb;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        }

        h4 .label {float: right; margin-right: 40px;}
        h4 .badge {float: right; margin-right: 40px;}

        .box .title span[class*=" icon-"], .box .title span[class*=" brocco-icon-"], .box .title span[class*=" cut-icon-"], 
        .box .title span[class*=" entypo-icon-"], .box .title span[class*=" icomoon-icon-"], .box .title span[class*=" minia-icon-"], 
        .box .title span[class*=" iconic-icon-"], .box .title span[class*=" meteo-icon-"], .box .title span[class*=" silk-icon-"],
        .box .title span[class*=" typ-icon-"], .box .title span[class*=" wpzoom-"], .box .title span[class*=" eco-"]
        {
            margin: 2px 10px 0 0px;
        }
        .box .title .loader {
            position: absolute;
            right:40px;
            top:10px;
        }
        .box .title>a {
            position: absolute;
            right:10px;
            top:8px;
            border: 1px solid #c4c4c4;
            border-radius:2px;
            -webkit-border-radius:2px;
            -moz-border-radius:2px;
            text-decoration:none;
            color: #3f3f3f;
            /*padding: 2px 4px 0px 4px;*/
            text-indent: -9999px;
            background-color: #f3f3f3;
            width:16px;
            height:16px;
            padding:0px 2px 3px 2px;
        }
        .box .spark {
            margin-right: 40px;
            float: right;
        }
        .box .box-form {
            margin-right: 40px;
            margin-bottom: 0;
            position: relative;
        }
        .box .box-form input {
            width: 100%;
            margin-bottom: 0;
        }
        .box .box-form .dropdown-menu {top:auto; left:auto;}
        .box .box-form .btn span {margin-right: 0;}
        .box .box-form .dropdown-toggle {margin-top: -3px; padding-bottom: 0;}
        .box .box-form .btn span.caret {margin-left: 2px; margin-top:7px;}
        .box .box-form .ibutton-container {    margin-top:-2px;}
        .box .title .label span, .box .title .badge span {margin-left:0; margin-right:0}
        .box .title .progress {
            width:40%;
            position: absolute;
            right:40px;
            top:8px;
        }
        .box .title .minimize {
            cursor:pointer;
            background: url(/images/icons/minus.png) no-repeat center 3px #f3f3f3;
            display: none;
        }
        .box .title .maximize {
            background: url(/images/icons/plus.png) no-repeat center 3px #f3f3f3;
            display: block;
        }
    .box .content {
        padding:20px;
        border:1px solid #c4c4c4;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-top: none;
        background-color: #fff;
        position: relative;
    }
    .box .content.vertical-scroll {
        width: 200px;
    }
    .box .content.noPad {
        padding: 0;
    }
    .box .content.noPad .nav-tabs {
        margin-top: -1px;
        margin-left: -1px;
        margin-right: -1px;
    }
    .box .content.noPad .tab-content {
        margin-bottom: -1px;
        margin-left: -1px;
        margin-right: -1px;
    }
    .box.boxMargin {margin-bottom: 27px;}    

/* Sales Content */
#frmFilter {
    display:none;
}

#frmFilter.show {
    display:block;
}

.dataTable {
    margin-bottom:10px;
}

.dataTable thead th {
      background: rgb(255,255,255);
    background: url();
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
}

.dataTable tr.inactive {
    background:#eee
}

.dataTable .icon16, .btn-group .icon16 {
    line-height:20px;
}

.btn-group .icon16 {
    margin-left:0px;
}

.btn-group .dropdown-menu {
    left:0; right:auto;
    font-size:12px;
}

.pull-right .btn-group.dropdown .dropdown-menu {
    right:0;
    left:auto;
    top:auto;
}

.btn-group .caret {
    margin-left:5px;
}

.dataTable a:hover .icon16 {
    color:#FF8A00;
}

.dataTable th, .dataTable tbody td {
    vertical-align:middle;
}

.table .ch {
    width: 10px;
}

.table input[type=checkbox] {
    margin-top:0;
}

/*Colors*/
.green {color: #9FC569;}
.red {color: #ED7A53;}
.gray {color: #a2aaac;}
.orange {color: #FF8A00;}
.dark {color: #1F3140;}
.blue {color: #3399cc;}
.white {color: #ffffff;}

.marginT20 {margin-top:20px;}
.marginT10 {margin-top:10px;}
.marginT5 {margin-top:5px;}

.marginB20 {margin-bottom:20px;}
.marginB10 {margin-bottom:10px;}
.marginB5 {margin-bottom:5px;}

.marginR20 {margin-right:20px;}
.marginR10 {margin-right:10px;}
.marginR5 {margin-right:5px;}

.marginL20 {margin-left:20px;}
.marginL10 {margin-left:10px;}
.marginL5 {margin-left:5px;}

.nav-tabs {margin-bottom:0;}
.nav-tabs li.active a{background:#f9f9f9}
.nav-tabs li.active a:hover{background:#f9f9f9}
.tab-content.frmWrapper {border-top:0; padding:15px; margin-bottom:20px;}
.frmWrapper legend {
    color:#3399cc;
    border-color:#3399cc;
    font-size:16px;
    line-height:32px;
    font-weight:bold;
}

.tab-content.frmWrapper table th {width:250px;}
.tab-content.frmWrapper table input[type=radio] {
    margin:-2px 5px 0 0;
}
/* These selection declarations have to be separate.*/
::-moz-selection{ background:#46a7e2; color:#fff; text-shadow:none; }
::selection { background:#46a7e2; color:#fff; text-shadow:none; } 